/*公共样式*/
.header .layui-nav-child{ z-index:99999; top:60px; left: auto; right: 0;}
iframe{ position:absolute; height:100%; width:100%; border:none;}
.clildFrame.layui-tab-content{ top:41px; position:absolute; bottom:0; width:100%; padding:0;}
/*样式改变的过渡*/
.layui-body,.layui-footer,.layui-layout-admin .layui-side,.logo,.topLevelMenus li.layui-nav-item,.topLevelMenus li.layui-nav-item:hover{ transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; }

.layui-nav .layui-this:after{ bottom:-5px!important;}

/*左侧导航*/
.layui-nav{background-color: inherit !important;}
.showMenu.layui-layout-admin .layui-side{ left:-200px; }
.showMenu .layui-body,.showMenu .layui-footer{ left:0; }
/*左侧导航重定义*/
.layui-nav-item.layui-nav-itemed{ background-color:#2B2E37 !important;}
.layui-nav-itemed:before{ width:5px; height:100%; background-color:#009688; position:absolute; content:''; left:0; top:0;}
.layui-nav-itemed .layui-nav-child a{ padding-left:40px;}
/*多窗口页面操作下拉*/
.closeBox{ position:absolute; right:0; background-color:#fff !important; color:#000; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
.closeBox .layui-nav-item{ line-height:40px; }
.closeBox .layui-nav-item>a,.closeBox .layui-nav-item>a:hover{ color:#000; }
.closeBox .layui-nav-child{ top:42px; left:-12px; }
.closeBox .layui-nav-bar{ display:none; }
.closeBox a i.caozuo{ font-size: 20px; position:absolute; top:1px; left:0; }
.closeBox a span.layui-nav-more{ border-color:#333 transparent transparent;}
.closeBox a span.layui-nav-more.layui-nav-mored{ border-color:transparent transparent #333;}

/*layui-body*/
.layui-body{overflow:hidden; border-top:5px solid #1AA094;border-left:2px solid #1AA094; background:#fff;}
#top_tabs_box{ padding-right:138px; height:40px; border-bottom:1px solid #e2e2e2; }
#top_tabs{ position: absolute; border-bottom:none;}
.layui-tab-title .layui-this{ background-color:#1AA094; color:#fff; }
.layui-tab-title .layui-this:after{ border:none; }
.layui-tab-title li{height: 41px}
.layui-tab-title li cite{ font-style: normal; padding-left:5px; }
.layui-tab-main{border: 1px #fff solid;}
.clildFrame.layui-tab-content{ top:41px; position:absolute; bottom:0; width:100%; padding:0;}

/*修改顶部高度*/
.header .layui-nav-child,.layui-body,.layui-layout-admin .layui-side,.header .layui-nav-bar{ top:50px !important;}
.header .layui-nav .layui-nav-item,.header .layui-nav .layui-nav-item>a,.header,.logo{ line-height:50px !important; max-height:50px; !important;}
.mobileTopLevelMenus{float:left;}

/*logo*/
.layui-logo{color: #fff; float: left; line-height:60px; font-size:20px; padding:0 25px; text-align: center; width: 150px !important;}
.logo{color: #009688; margin: auto; float: left}
.hideMenu{width:20px; height:20px; margin-top: 10px; font-size:17px; line-height:20px; text-align:center;padding:5px 5px; color:#fff; background-color:#1AA094; float: right; right: 10px; position: absolute;}

.mag0 {margin: 0 !important;}

/*打开页面动画*/
.layui-tab-item.layui-show{ animation:moveTop 1s; -webkit-animation:moveTop 1s; animation-fill-mode:both; -webkit-animation-fill-mode:both; position:relative; height:100%; -webkit-overflow-scrolling: touch; overflow:auto; }
/*响应式样式*/
@media screen and (max-width:1080px){
    .mobileTopLevelMenus[mobile]{display:inline-block;}
    .site-mobile .site-tree-mobile,.topLevelMenus[pc]{display:none !important;}
}

@media screen and (max-width: 720px){
    .hideMenu{ display: none !important; }
    .mobileTopLevelMenus[mobile]{ padding:0;}
    .top_menu>li[pc]{ display: none !important; }
    /*左侧导航*/
    .layui-layout-admin .layui-side{ left:-260px; }
    .site-mobile .layui-side{ left: 0; z-index:1100; }
    .site-tree-mobile {display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width:40px; height:40px; line-height:40px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
    .site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
    .layui-body,.layui-layout-admin .layui-footer{ left:-2px; }
}
@media screen and (max-width:480px){
    .logo{ width:120px; font-size: 18px;}
    #userInfo>a{ padding:0 10px;}
    .mobileTopLevelMenus[mobile] li>a{ padding:0 17px 0 15px;}
    .logo,.layui-nav.top_menu{ padding:0 5px;}
    .adminName,.top_menu dd[pc]{ display: none !important; }
    *[mobile],.top_menu .layui-nav-item.showNotice[pc]{ display:inline-block !important; }
}
